<!--模板 html-->
<template>
  <div>
    <!-- 按钮 -->
    <div class="btns">
      <el-button type="primary" size="small">新增</el-button>
    </div>
    <!-- 表格 -->
    <div class="tab_content">
      <el-table :data="greenhouses" style="width: 100%">
        <el-table-column prop="name" label="大棚名称" width="180"> </el-table-column>
        <el-table-column prop="status" label="状态" width="180"> </el-table-column>
        <el-table-column prop="createTime" label="创建时间"> </el-table-column>
      </el-table>
    </div>
  </div>
</template>
<!--脚本 js-->
<script>
import { get } from '@/utils/request'
export default {
  // 定义变量，在模板中直接用用
  data(){
    return {
      greenhouses:[],
      visible:false
    }
  },
  // 定义事件处理函数、方法
  methods:{
    // 查询所有的温室大棚数据
    loadGreenhouses(){
      let url = "http://localhost:8888/greenhouse/query"
      get(url).then(resp => {
        // 获取数据之后做的事情
        this.greenhouses = resp.data;
      })
    }
  },
  // 生命周期钩子函数
  created(){
    this.loadGreenhouses();
  }

}
</script>
<!--样式 css-->
<style lang="sass" scoped>

</style>